
$(document).ready(function(){
    $('#user_tabs a').click(function() {
        if (!$(this).parent().hasClass('active')) {
            $(this).parent().addClass('active');
            $(this).parent().siblings().removeClass('active');
            $('#ajax_indicator').css('display', 'block');
            $("#trips").css('opacity', 0.3);
            $("div.paging").css('opacity', 0.3);
            $.ajax({
                url: $(this).attr('href'),
                success: function(html){
                    $('#trips').remove();
                    $('div.paging').remove();
                    $('p.hint').remove();
                    $("#left").append(html);
                    $('#ajax_indicator').css('display', 'none');
                }
            });
        }
        return false;
    });

    $('div.paging a').live('click', function() {
        var page = parseInt($(this).text()) - 1;
        $('#ajax_indicator').css('display', 'block');
        $("#trips").css('opacity', 0.3);
        $("div.paging").css('opacity', 0.3);
        $.ajax({
            url: $('#user_tabs li.active a').attr('href'),
            data: 'page=' + page,
            success: function(html){
                $('#trips').remove();
                $('div.paging').remove();
                $('p.hint').remove();
                $("#left").append(html);
                $('#ajax_indicator').css('display', 'none');
            }
        });
        return false;
    });

    $('#friend').submit(function() {
        var url;
        if ($('#btn_friend').hasClass('friend'))
            url = '/users/' + $('#user_id').attr('value') + '/delete_friend/';
        else
            url = '/users/' + $('#user_id').attr('value') + '/add_friend/';
        $('#btn_friend').css('opacity', 0.3);
        $.ajax({
            url: url,
            success: function(html){
                if ($('#btn_friend').hasClass('friend')) {
                    $('#btn_friend').removeClass('friend');
                    $('#btn_friend').attr('value', '加为好友');
                } else {
                    $('#btn_friend').addClass('friend');
                    $('#btn_friend').attr('value', '已加好友');
                }
                $('#btn_friend').css('opacity', 1);
            }
        });
        return false;
    });

    $('#friend_invite form').submit(function() {
        $.ajax({
            url: $(this).attr('action'),
            data: $(this).serialize(),
            type: 'POST',
            success: function(msg){
                var msg = eval(msg).error;
                if (!msg)
                    msg = '邀请发送成功！';
                $('#invite_response').text(msg).fadeIn('slow').delay(5000).fadeOut('slow');
            }
        });
        return false;
    });

    $('#trips li').live('mouseenter', function() {
        $(this).find('div.trip_status a.edit, div.trip_status a.delete').fadeIn('fast');
    });

    $('#trips li').live('mouseleave', function() {
        $(this).find('div.trip_status a.edit, div.trip_status a.delete').fadeOut('fast');
    });

    $('div.trip_status a.delete').click(function() {
        if(confirm('确定要删除此行程吗？') == false)
            return false;

        var trip_item = $(this).parents('li');
        trip_item.css('opacity', 0.3);
        $.ajax({
            url: $(this).attr('href'),
            type: 'DELETE',
            success: function(msg){
                msg = eval(msg);
                if (msg.error)
                    alert(msg.error);
                else
                    trip_item.slideUp('slow', function() {
                        trip_item.remove();
                    });
            }
        });
        return false;
    });

    $("#create_trip").click(function() {
        var popup = $("#new-trip-popup");
        var overlay = $("#overlay");
        popup.fadeIn();
        overlay.show();
        var windowWidth = document.documentElement.clientWidth;
        var windowHeight = document.documentElement.clientHeight;
        var popupHeight = popup.height();
        var popupWidth = popup.width();
        popup.css({
            "position": "fixed",
            "top": windowHeight / 2 - popupHeight / 2,
            "left": windowWidth / 2 - popupWidth / 2
        });
        overlay.click(function() {
            popup.fadeOut();
            overlay.hide();
        });
        $("#new-trip-popup .close").click(function() {
            popup.fadeOut();
            overlay.hide();
        });
    });

    checkCreateParams = function() {
        var name = $("#create-trip-form #new-trip-name").val();
        if($.trim(name) == "") {
            $("#create-trip-form .error").html("请输入行程名称");
            return false;
        }
    }

});


